<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<!-- 2.内联样式 -->
	<style>
		p{color: green;/* 字体大小 单位像素px */ font-size: 50px;}
		h1{color: aqua; background-color: yellow;}
	</style>
	<!-- 3.外联样式 
	        rel:关联 
	        stylesheet:关联样式表,将css文件引入

	    -->
	<link rel="stylesheet" type="text/css" href="./index.css">
</head>
<body>
<!-- css
	html:网页的骨架
	CSS:层叠样式表，从审美的角度改变网页的外貌
	   1.行内样式 2.内联样式 3.外联样式
	   优先级 行内样式>内联样式=外联样式
 -->
 <!-- 1.行内样式 
 	    直接写在标签里面的样式
  -->
 <h1 style="color:red;">今日油条，条条新鲜</h1>
 <p>天天宝宝 波波 嘻嘻 O(∩_∩)O哈哈~</p>
 <span>聊城人民医院成功复活秦始皇</span>
</body>
</html>